<template>
  <tr>
    <td><input type="number" v-model.number="count" @change="changeFn" /></td>
    <td>{{ fruit }}</td>
    <td v-show="count == 0">{{ msg }}</td>
  </tr>
</template>

<script>
export default {
  props: ["count", "fruit", "msg", "index"],
  //传入对象有风险, 但是如果是一对一关系可以传入对象,传入对象可以直接修改对象里的值影响外部效果！！！
  methods: {
    changeFn() {
      this.$emit("subcount", this.count, this.index);
    },
  },
};
</script>

<style></style>
